<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页布局课后作业</title>
    <link rel="stylesheet" href="style.css">


</head>

<body>

    <div class="container">
        <header>
            <h1><strong>采薇</strong></h1>
            <p>出自.《诗经》</p>



            <a href="#">国风·秦风·采薇</a>
            <div>
                <img class="small" src="https://via.placeholder.com./10x10" alt="">
                <img class="small" src="https://via.placeholder.com./10x10" alt="">
                <img class="small" src="https://via.placeholder.com./10x10" alt="">
                <img class="small" src="https://via.placeholder.com./10x10" alt="">
        </header>





        <section class="start">
            <div class="first">
                <img class="one" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=4027015056,659258471&fm=26&gp=0.jpg" alt="">
                <h4>一</h4>
                <p class="Lorem">采薇采薇，薇亦作止。曰归曰归，岁亦莫止。

                    <br> 靡室靡家，玁狁之故。不遑启居，玁狁之故。</p>
                <img class="one" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3288752787,3119891481&fm=26&gp=0.jpg" alt="">
                <h4>二</h4>
                <p class="Lorem">采薇采薇，薇亦柔止。曰归曰归，心亦忧止。
                    <br> 忧心烈烈，载饥载渴。我戍未定，靡使归聘。

            </div>
            <div class="second">

                <h4>三</h4>
                <p class="Lorem">
                    <br>采薇采薇，薇亦刚止。曰归曰归，岁亦阳止。

                    <br>王事靡盬，不遑启处。忧心孔疚，我行不来。

                </p>
                <h4>白话译文</h4>
                <p class="Lorem">
                    <br>彼尔维何？维常之华。彼路斯何？君子之车。
                    <br>戎车既驾，四牡业业。岂敢定居？一月三捷。

                    <br>驾彼四牡，四牡骙骙。君子所依，小人所腓。

                    <br>四牡翼翼，象弭鱼服。岂不日戒，玁狁孔棘。

                    <br>昔我往矣，杨柳依依。今我来思，雨雪霏霏。

                    <br>行道迟迟，载渴载饥。我心伤悲，莫知我哀！

                    <br>豆苗采了又采，薇菜刚刚冒出地面。

                    <br>说回家了回家了，但已到了年末仍不能实现。

                    <br>没有妻室没有家，都是为了和猃狁打仗。

                    <br>没有时间安居休息，都是为了和猃狁打仗。

                    <br>豆苗采了又采，薇菜柔嫩的样子。

                    <br>回家了回家了，心中是多么忧闷。

                </p>

                <img class="two" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=157931060,889644480&fm=26&gp=0.jpg" alt="">
                <img class="three" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606061798376&di=1a514b5482168b8575ebe7b87f5f4b63&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201712%2F30%2F20171230103853_ZMz5W.thumb.700_0.jpeg"
                    alt="">
                <img class="three" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1480062374,1019162791&fm=26&gp=0.jpg" alt="">







            </div>
            <ction>
                </div>



</body>

</html>